<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Welcome</title>
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/newdsn/css/table.css" />
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/newdsn/css/g_PK10.css" />
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/js/jquery/ui-lightness/jquery-ui.css" />
<script type="text/javascript" src="__HOME_JS__/js/jquery.js"></script>
<script type="text/javascript" src="__HOME_JS__/js/jquery-ui.js"></script>
<script type="text/javascript" src="__HOME_JS__/js/libs.js"></script>
<script type="text/javascript" src="__HOME_JS__/default/js/skin.js"></script>
<style>
table {
	border-collapse: collapse;
	color: gray;
}
table th {
	border-collapse: collapse;
	padding-bottom: 5px;
}
table td {
	border-top: 1px solid #CCCCCC;
	padding: 5px 0 5px 0;
}
table .drawTime {
	border-top: 1px solid #CCCCCC;
	padding: 5px 8px 5px 8px;
}
table .other1 {
	border-top: 1px solid #CCCCCC;
	padding: 5px 16px 5px 16px;
	color: black;
}
table .other {
	border-top: 1px solid #CCCCCC;
	width: 34px;
}
</style>
</head>
<body class="L_BJPK10 skin_blue">
<!--
 -->

<div id="drawTable">
  <table class="list table_ball" style="border-bottom: 1px solid #cdd0d4;">
    <thead>
      <tr>
        <th>期数</th>
        <th>时间</th>
        <th id="resultHead" colspan="10"> <div id="PK10Num" class="result_button num_button" >号码</div>
          <div id="PK10DX" class="result_button num_button" >大小</div>
          <div id="PK10DS" class="result_button num_button" >单双</div>
          <div id="PK10GYLH" class="result_button gylh_button" >冠亚/龙虎</div></th>
      </tr>
    </thead>
    <tbody>
      <foreach name="data" item="val">
        <tr>
          <td class="period">{$val.drawNumber} </td>
          <td class="drawTime"> {$val.drawTime}</td>
          <foreach name="val.result" item="v">
            <td class="name ballname"><span class="b{$v}">{$v}</span></td>
            <td class="big_small ballname" hidden><span class="b{$v}">{$v}</span></td>
            <td class="odd_even ballname" hidden><span class="b{$v}">{$v}</span></td>
          </foreach>
          <foreach name="val.lm" item="v1">
            <if condition="$v1 eq '单'">
              <td class="other GDS_D">单</td>
              <elseif condition="$v1 eq '双'"/>
              <td class="other GDS_S">双</td>
              <elseif condition="$v1 eq '龙'" />
              <td class="other GLH_L">龙</td>
              <elseif condition="$v1 eq '虎'" />
              <td class="other GLH_H">虎</td>
              <elseif condition="$v1 eq '大'" />
              <td class="other GDX_D">大</td>
              <elseif condition="$v1 eq '小'" />
              <td class="other GDX_X">小</td>
              <else />
              <td class="other1">{$v1}</td>
            </if>
          </foreach>
        </tr>
      </foreach>
    </tbody>
    <script>
$(document).ready( function(){
  $('#drawTable .other1, #drawTable .other').hide();
  $('#PK10GYLH').on('click', function () {
    $('#resultHead').attr('colspan',8);
    $('#drawTable .ballname, #drawTable .big_small, #drawTable .odd_even').hide();
    $('#drawTable .other1, #drawTable .other').show();
  });
  $('#PK10DX').on('click', function () {
    $('#resultHead').attr('colspan', 10);
    $('#drawTable .ballname, #drawTable .odd_even, #drawTable .other1, #drawTable .other').hide();
    $('#drawTable .big_small').show();
  });
  $('#PK10DS').on('click', function () {
    $('#resultHead').attr('colspan', 10);
    $('#drawTable .big_small, #drawTable .ballname, #drawTable .other1, #drawTable .other').hide();
    $('#drawTable .odd_even').show();
  });
  $('#PK10Num').on('click', function () {
    $('#resultHead').attr('colspan',10);
    $('#drawTable .ballname').show();
    $('#drawTable .big_small, #drawTable .odd_even, #drawTable .other1, #drawTable .other').hide();
  });
});
</script>
  </table>
</div>
</body>
</html>